<template>
    <footer class="footer">
      <div class="footer-content">
        <p>&copy; {{ currentYear }}</p>
      </div>
    </footer>
  </template>
  
  <script setup>
  import { computed } from 'vue'
  
  const currentYear = computed(() => new Date().getFullYear())
  </script>
  
  <style scoped>
  .footer {
    background: #4166d5;
    color: white;
    text-align: center;
    padding: 1rem 0;
    margin-top: auto;
  }
  
  .footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
  }
  </style>